@import '../../base.scss';
$buttonWitdh:rem(80px);
.header{
    position: fixed;
    width:100%;
    height:rem(100px);
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #1a8afa;
    color: #ffffff;
    padding:0 rem(20px) ;
    box-sizing: border-box;
    z-index: 999;
    
    text-align: center;
    .header-center{
        position: absolute;
        left:$buttonWitdh;
        right:$buttonWitdh;
        top:50%;
        transform: translate3d(0,-50%,0);
        font-size:rem(35px);
    }
    .header-button{
    
     //  width: $buttonWitdh;
       >a{
        display: inline-block;
       }
    }
   .left-button>a{
      height: rem(16px);
      width:rem(40px);
      @include bg-image('./icon_caidan')
    }
   .right-button>a{
     height:rem(36px);
     width:rem(36px);
     @include bg-image('./icon_sousuo_bai')
   }
   .back-button>a{
    height:rem(36px);
    width:rem(36px);
    @include bg-image('./icon_back')
   }
}